<!DOCTYPE html>
<html>

<head>
<link rel="shortcut icon" href="/favicon.ico" />
<link rel="stylesheet" type="text/css" href="../css/facebook.css"/>

<link rel="stylesheet" type="text/css" href="../css/fb-buttons.css"/>

</head>

<body >
<title>Welcome to Facebook - Log In, Sign Up or Learn More</title>

<div class="fbbody">

<div id="header">
	<!-- <h1 style="position: relative; left: 10%; font-size: 350%;  color: white;">facebook</h1> -->
	<img src="../img/facebook.png" alt="" style="position: relative; float: left; margin-left: 20%;padding-top: 1%; padding-right: 25%;"/>
	<form id = "login">
	<div style="padding-top: 20px;">Email or Phone</div>
	<input class = "textbox" type="text" name="email" style="height:1.5em; width: 13em;position: absolute; left: 56.2%; top: 45%;"/>
	
	<input type="checkbox" style="position: absolute; left: 56%;top: 75%;"></input>
	<div style="position: absolute; left: 57.2%; top: 77%;color: #d4dae8;">Keep me logged in</div>
	
	<div style="position: absolute;  left: 66%; top: 25%;">Password</div>
	<input class = "textbox" type="password" name="password" style="height:1.5em; width: 13em; position: absolute;  left: 66%; top: 45%;">
	<div style ="position: absolute;  left: 66%; top: 78%; color: #d4dae8;">Forgot your password?</div>

	<a href="../view/controlled_password_change.html" style="text-decoration:none">
	<!--<a href="../WebGame/game_password_change.html" style="text-decoration:none">-->
		<input class = "uibutton confirm" type="submit" value="Log In" style="position: absolute;  left: 75.5%; top: 44%;"/> 
	</a>
	</form>
</div>

	<img src="../img/content.png" alt="" id="content"/>



</body>
</html>